<script setup>
import HelloWorldVue from "./HelloWorld.vue";
import MyButton from "./MyButton.vue";
import MyButton1 from "./MyButton1.vue";
import { ref } from "vue";
const name = ref("why");
</script>
<template>
  <MyButton1>
    11111111111
    <template #default> sssssssssssss </template>
  </MyButton1>
  <!-- 匿名插槽使用 -->
  <!-- <HelloWorldVue> wwwwwwwwwww </HelloWorldVue> -->
  <!-- <hr />
  <HelloWorldVue #undefined>
    <div>5666</div>
    <MyButton></MyButton>
  </HelloWorldVue> -->

  <!-- 具名插槽undefined使用 -->
  <!-- <HelloWorldVue>
    <template #undefined>
      <div>5666</div>
      <MyButton></MyButton>
    </template>
  </HelloWorldVue> -->

  <!-- 具名插槽使用 -->
  <!-- <HelloWorldVue :name="name">
    <template #demo1>
      <span>77777</span>
    </template>
    具名插槽和匿名插槽一起使用的时候， 匿名插槽使用template标签必须写#default才显示(推荐这样写)，否则不显示,或者直接使用<span>8888</span>
    <template #default>
      <span>8888</span>
    </template>
    <span>8888</span>
    <template #demo3>
      <span>9999</span>
    </template>
    <template #[name]>
      <span>10000</span>
    </template>
  </HelloWorldVue> -->
</template>

<style></style>
